<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Notepad</title>
  <style type="text/css">
	body,html{
		margin:0px;
		height:100%;
	}
	
	#txtEditor{
		width:100%;
		height:99%;
		padding:0px;
		margin:0px;
		border:0px;
		font-size: 18px;
      border-style: solid;
      border-width: 1px;
	}
    .text{
      width: 100%;
      height:33%;
      padding:0px;
      margin:0px;
      border:0px;
      font-size: 18px;
      border-style: solid;
      border-width: 1px;
    }
  </style>
  </head>
  <body><div style="float:left;width:80%;height:99%;">
  <textarea id="txtEditor"></textarea>
  </div>
  <div style="float:left;width:19%;height:99%;">
    <textarea  class="text" id="txtEditor1"></textarea>
    <textarea  class="text" id="txtEditor3"></textarea>
  </div>

</body>
  <script>
    require('./index.js');
  </script>
</html>
